<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> 	<html lang="en"> <!--<![endif]-->
<head>

	<!-- General Metas -->
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	<!-- Force Latest IE rendering engine -->
        <title>{% block title %}ActiMan-Login{% endblock%}</title>
        <link rel="icon" type="image/x-icon" href="{{ asset('logo_ipstcnam.ico') }}" />
	<meta name="description" content="">
	<meta name="author" content="">
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

        <!-- Mobile Specific Metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

        <!-- Stylesheets -->
        <link rel="stylesheet" href="{{ asset ('bundles/login/css/base.css')}}">
        <link rel="stylesheet" href="{{ asset ('bundles/login/css/skeleton.css')}}">
        <link rel="stylesheet" href="{{ asset ('bundles/login/css/layout.css')}}">
        <script>
            function afficher_cacher(id)
            {
                document.getElementById(id).style.visibility="hidden";
                return true;
            }
        </script>
	
</head>
<body>
        {% if last_username %}
            <div class="notice" id="notice">
                    <a class="close" onclick="javascript:afficher_cacher('notice');">close</a>
                    <p class="warn">Whoops! We didn't recognise your username or password. Please try again.</p>
            </div>
        {% endif %}

	<!-- Primary Page Layout -->

	<div class="container">
		
		<div class="form-bg">
			<form action="{{ path("fos_user_security_check") }}" method="post">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
				<h2>Login</h2>
				<p><input type="text" placeholder="Username" id="username" name="_username" value="{{ last_username }}" required="required" /></p>
				<p><input type="password" placeholder="Password" id="password" name="_password" required="required" /></p>
				<label for="remember">
				  <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
				  <span>Remember me on this computer</span>
				</label>
				<button type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}"></button>
			</form>
		</div>

                        
                        <p class="forgot">Forgot your password? <a href="">Click here to reset it.</a></p>


	</div><!-- container -->

	<!-- JS  -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
	<script>window.jQuery || document.write("<script src='js/jquery-1.5.1.min.js'>\x3C/script>");</script>
	<script src="js/app.js"></script>
	
<!-- End Document -->
</body>
</html>